<template>
    <div>
      <input type="text" v-model="mytext" />
      <button @click="addlist()">add</button>
      <ul>
        <li v-for="data in datalist">
          {{ data }}
        </li>
      </ul>
    </div>
</template>

<script>
    export default {
        name: 'index',
        data(){
          return {
            datalist: ['111', '222', '333'],
            mytext: ''
          }
        },
        methods: {
          addlist: function(ev){
            this.datalist.push(this.mytext)
          }
        }
    }
</script>

<style scoped>

</style>
